<template>
  <view>
    <view class="user ss-flex ss-m-b-14">
      <view class="nickname ss-m-r-20">
        提交于 {{ sheep.$helper.timeFormat(item.createTime, "yyyy年mm月dd日 hh时MM分") }}
      </view>
      <view class="">
	      <text style="color: #459cff" v-if="item.status == 0">审核中</text>
	      <text style="color: #ff872f" v-if="item.status == 1">已发布</text>
	      <text style="color: #ff2900" v-if="item.status == 2">发布失败</text>
	      <text style="color: #ff2900" v-if="item.status == -1">审核拒绝</text>
      </view>
    </view>
    <view class="content">
      {{ item.comments }}
    </view>
  </view>
</template>

<script setup>
  import sheep from '@/sheep';
  import { reactive } from 'vue';
  const props = defineProps({
    item: {
      type: Object,
      default() {},
    },
  });
  const state = reactive({
    commentImages: [],
  });
  props.item.images?.forEach((i) => {
    state.commentImages.push(sheep.$url.cdn(i));
  });
</script>

<style lang="scss" scoped>
  .avatar {
    width: 52rpx;
    height: 52rpx;
    border-radius: 50%;
  }

  .nickname {
    font-size: 26rpx;
    font-weight: 500;
    color: #999999;
  }

  .content {
    width: 636rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #333333;
  }
</style>
